/************** footer ***************/

/* 设置footer的基本样式：外边距、高度、内边距和背景渐变 */
footer {
    margin-top: 1.25rem;
    height: 7.5rem;
    padding: 0.9375rem 0;
    background-image: linear-gradient(to bottom, rgb(20, 90, 155), rgb(15, 105, 180), rgb(17, 116, 200));
    background-size: 0.0625rem 9.375rem;
}

/* 设置footer内部div的基本样式：浮动和高度 */
footer div div {
    float: left;
    height: 100%;
}

/* 设置footer中logo区域的样式：边框和内边距 */
footer .logo {
    border-left: 0.0625rem solid #ffffff;
    border-left: 0.0625rem solid rgba(255, 255, 255, .2);
    padding: 0.6875rem 6.5rem 0.75rem 6.5rem;
}

/* 设置footer中水平logo的样式：显示、宽度、高度和背景图片 */
footer .logo .logo-horizontal {
    display: inline-block;
    width: 6.875rem;
    height: 5.9375rem;
    background: url("pfortask03/logo_horizontal.png") no-repeat;
    background-size: 100% 100%;
}

/* 隐藏footer中的小型版权信息 */
footer .copyright-small {
    display: none;
}

/* 设置footer中版权信息区域的样式：宽度、内边距和边框 */
footer .copyright {
    width: 35rem;
    padding: 0;
    text-indent: 7.5rem;
    border-left: 0.0625rem solid #ffffff;
    border-left: 0.0625rem solid rgba(255, 255, 255, .2);
    border-right: 0.0625rem solid #ffffff;
    border-right: 0.0625rem solid rgba(255, 255, 255, .2);
}

/* 设置footer中版权信息文本的样式：字体大小、颜色和行高 */
footer .copyright p {
    font-size: 0.8125rem;
    color: #ffffff;
    line-height: 1.5rem;
}

/* 设置footer中版权信息中链接的样式：文本装饰和颜色 */
footer .copyright p a {
    text-decoration: underline;
    color: #ffffff;
}

/* 设置footer中分享区域的样式：宽度、内边距和边框 */
footer .share {
    width: 15rem;
    padding: 0 2.4375rem;
    border-right: 0.0625rem solid #ffffff;
    border-right: 0.0625rem solid rgba(255, 255, 255, .2);
}

/* 设置footer中分享区域的伪元素样式 */
footer .share:after {
    content: "";
}

/* 设置footer中分享按钮的样式：浮动、宽度、高度和文本对齐 */
footer .share li {
    float: left;
    width: 5rem;
    height: 3.75rem;
    text-align: center;
}

/* 设置footer中分享链接的样式：显示方式、宽度、高度、背景图片和圆角 */
footer .share a {
    display: inline-block;
    float: none;
    width: 1.875rem;
    height: 1.875rem;
    background: #ffffff url("pfortask03/share_icon.png") no-repeat;
    background-size: 6.25rem 8.4375rem;
    border-radius: 1.25rem;
    margin: 0.9375rem 0 0 0;
    padding: 0;
}

/* 设置footer中分享链接的悬停样式：透明度 */
footer .share a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

/* 以下设置各个分享按钮的背景位置，以显示不同的图标 */
footer .share .weibo {
    background-position: 0 0;
}

footer .share .weibo:hover {
    background-position: 0 -4.375rem;
}

footer .share .moments {
    background-position: -2.1875rem 0;
}

footer .share .moments:hover {
    background-position: -2.1875rem -4.375rem;
}

footer .share .qq {
    background-position: -4.375rem 0;
}

footer .share .qq:hover {
    background-position: -4.375rem -4.375rem;
}

footer .share .tencent-weibo {
    background-position: 0 -2.1875rem;
}

footer .share .tencent-weibo:hover {
    background-position: 0 -6.5625rem;
}

footer .share .qzone {
    background-position: -2.1875rem -2.1875rem;
}

footer .share .qzone:hover {
    background-position: -2.1875rem -6.5625rem;
}

footer .share .renren {
    background-position: -4.375rem -2.1875rem;
}

footer .share .renren:hover {
    background-position: -4.375rem -6.5625rem;
}